:root {
  --space:10px
  --blur:10px
  --bgcolor:#ffc600
}


html,body{
    text-align:center;
    background: #193549;
    margin:0;
    padding:0;
    min-height: 100vh;
    font-size:16px;
    font-family:'helvetica neue', sans-serif; 
    font-weight:900;
    color:white;
}

.h1{
    color: var(--bgcolor);
}
.controls{
    font-weight:100;
    margin-bottom:20px;
}
.controls .wrap{
    display: inline-block;
    margin:5px auto;
}
.controls .wrap label{
    margin-left:20px;
}
.controls .wrap input{
    position:relative;
    top:3px;
    width: 100px;
}
.controls .wrap #base{
    top:-3px;
}
img{
    width:500px;
    height:500px;
    padding:var(--space);
    filter: blur(var(--blur));
    background-color:var(--bgcolor);
}